<template>
	<view class="main">
		<view class="xbgf xp32 xmb20">
			<view class="xflex-x-between xai xpb40 xbb8D">
				<view class="">
					<view class="xfz36 xc3 xmb32">{{detail.info.name}}</view>
					<view class="xfz28 xc9 xfw500">{{detail.info.type}} {{detail.info.city}}</view>
				</view>
				<view class="xfz36 xc3">{{detail.info.num}}人</view>
			</view>
			<view class="xflex-x xmt20">
				<image class="rili" src="/static/image/icon_ysdd@2x.png" mode=""></image>
				<view class="xfz28 xc9">
					{{detail.info.createtime_text}}
				</view>
			</view>
		</view>

		<view class="xmt40">
			<view class="title">
				职位描述
			</view>
			<view class="xmt40">
				<u-parse :content="detail.info.content"></u-parse>
			</view>
		</view>
	</view>
</template>

<script setup>
	import {
		onReachBottom,
		onShow,
		onLoad
	} from '@dcloudio/uni-app';
	import {
		reactive,
		ref
	} from 'vue';
	
	import {
		getRecruitDetail
	} from "@/network/home.js"
	
	
	let detail = reactive({
		id:"",
		info:{}
	})
	
	const getRecruit = ()=>{
		getRecruitDetail({id:detail.id}).then(res=>{
			console.log(res);
			detail.info = res.data
		})
	}
	
	onLoad((option)=>{
		detail.id = option.id
		getRecruit()
	})
	
</script>

<style lang="scss">
	.main {
		padding: 36rpx 25rpx;
	}

	.rili {
		width: 30rpx;
		height: 30rpx;
		margin-right: 15rpx;
	}

	.title {
		font-size: 44rpx;
		font-weight: bold;
		color: #333333;
	}
</style>